<div class="center">
  <div class="wrapper">
    <div class="main">
      <% @articles.each do |article| %>
      <div class="article">
        <h2>
          <span class="left">
            <%= link_to article.title, iblog_article_path(article), :class => "article-title"%>
          </span>
          <span class="expand-ico" onclick=""></span>
          <span class="clear"></span>
        </h2>
        <div class="left article-element">
          <span class="date-ico" title="日期">  
              <%= article.created_at %>
          </span>
          <span class="user-ico" title="作者">
              <%= article.author %>
          </span>
        </div>
        <div class="right article-element">
          <a href="/articles/2011/11/04/1320336365060.html#comments">
              0&nbsp;&nbsp;评论
          </a>&nbsp;&nbsp;
          <a href="/articles/2011/11/04/1320336365060.html">
              3&nbsp;&nbsp;浏览
          </a>
        </div>
        <div class="clear"></div>
        <div class="article-body">
          <div class="abstract">
            <p><%= article.short_content %></p>
          </div>
        </div>
        <div class="article-element">
          <span class="tag-ico" title="标签">
              <a href="/tags/%E5%BF%83%E8%B7%AF%E5%8E%86%E7%A8%8B">
                  心路历程</a>
          </span>
        </div>
      </div>
      <% end %>
      <%= will_paginate @articles, :class=>"apple_pagination" %>
    </div>
    <div class="side">
      <div>
        <h4>公告</h4>
        <div>In the Sky <br>放飞自己!</div>
      </div>
      <div>
        <h4>最新评论</h4>
        <ul class="recent-comments">
            <li>
                <%= image_tag "default-user-thumbnail.png", :alt => "HSU", :class => "left" %>
                <div class="recent-comments-main">
                    <div>
                        <span class="left">
                            HSU
                        </span>
                        
                        <span class="clear"></span>
                    </div>
                    <div class="recent-comments-content">
                        <a href="/articles/2011/10/28/1319815612844.html#1319891113343">
                            [微笑]
                        </a>
                    </div>
                </div>
                <div class="clear"></div>
            </li>
        </ul>
      </div>
      <div>
        <h4>分类标签</h4>
        <ul id="tagsSide" class="tags"><li>
                <a data-count="1" href="/tags/Darling" title="Darling(1)" class="tags1">
                    <span>Darling</span>
                </a>
            </li><li>
                <a data-count="1" href="/tags/%E5%A5%87%E5%BD%A2%E6%80%AA%E7%8A%B6%E7%9A%84%E6%80%9D%E7%B4%A2" title="奇形怪状的思索(1)" class="tags2">
                    <span>奇形怪状的思索</span>
                </a>
            </li><li>
                <a data-count="2" href="/tags/%E5%BF%83%E8%B7%AF%E5%8E%86%E7%A8%8B" title="心路历程(2)" class="tags3">
                    <span>心路历程</span>
                </a>
            </li></ul>
        <div class="clear"></div>
      </div>
      <div>
        <h4>存档</h4>
        <ul id="archiveSide">
            <li class="archive-year">
              <div onclick="collapseArchive(this, 2011)" class="expand-ico">2011&nbsp;年</div>
            </li>
            <li data-year="2011" style="display: none; ">
              <a href="/archives/2011/11" title="2011 年 11 月(2)">2011 年 11 月</a>(2)
            </li>
            <li data-year="2011" style="display: none; ">
                <a href="/archives/2011/10" title="2011 年 10 月(1)">2011 年 10 月</a>(1)
            </li>
        </ul>
      </div>
    </div>
    <div class="clear"></div>
    <div>
      <%= link_to "new", new_iblog_article_path %>
    </div>
  </div>
</div>

